@extends("default.common.layout")

@section('content')
    <div class="body-center">
        <!-- 产品中心banner -->
        <div class="product-banner">
            <div class="product-banner-box">
                <img src="{{_asset('static/images/product-banner.png')}}" class="img" alt="..." />
            </div>
        </div>
        <div class="container">
            <div class="product-introduce">
                <div class="name">国醇·秦</div>
                <p class="desc">
                    国醇秦采用10年以上的老酒15-20年的老酒调味如秦风雄浑而醇厚绵长醋香柔雅协调，先酷后酱，酱香悠长，杯中香气经久不变，空杯留香经久不散。
                </p>
            </div>
            <div class="product-center">
                <div class="row">
                    <!-- 产品导航 -->
                    <div
                        class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-3">
                        <ul class="product-nav">
                            <li class="title"></li>
                            @T:cate(pid='1', cache='3600')
                                <li>
                                    <a @if($id == $field['id']) class="active" @endif href="/product/{{$field['id']}}.html">{{$field['title']}}</a>
                                </li>
                                @php
                                    if ($id == $field['id']) {
                                        $currentTitle = $field['title'];
                                    }
                                @endphp
                            @T:end
                        </ul>
                    </div>

                    <!-- 产品内容 -->
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-9 product-main">
                        <h2>{{$currentTitle ?? ''}}系列</h2>
                        <div class="row">
                            @T:archives(tid=$id, row='20')
                                <div class="col-12 col-sm-4 col-md-4">
                                    <div class="product-content">
                                        <img src="{{$field['photo']}}" class="img-fluid"  />
                                        <div class="bottom">{{$field['title']}}</div>
                                        <div class="detail">
                                            <a href="/product/detail_{{$field['id']}}.html">详情</a>
                                            <h3>{{$field['title']}}</h3>
                                            <p class="desc">
                                                {{$field['type']}} | {{$field['vol']}} | {{$field['spec']}}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @T:end
                        </div>
                        <div class="paging">
                            <nav>
                                <ul class="pagination">
                                    <li class="page-item iconfont">
                                        <a class="page-link" href="#">&#xe83d;</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="#">1</a>
                                    </li>
                                    <li class="page-item iconfont">
                                        <a class="page-link" href="#">&#xe841;</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
